<template>
  <div @click="handleClick">dhdhdhdhh</div>
</template>

<script>
export default {
  name: 'index',
  mounted() {
    // 执行vue-router的返回，回退的只是iframe导航，如果iframe里面点击了多次，使url发生变更，那么用户要点击很多次才能真正的返回。
    // iframe及其引出的页面跳转问题
    // 监听message事件
    window.addEventListener('message', this.receiveMessageFromIndex, false);
  },
  destroyed() {
    window.removeEventListener('message', this.receiveMessageFromIndex);
  },
  methods: {
    // 回调函数
    receiveMessageFromIndex(event) {
      console.log('receiveMessageFromIndex', event);
    },
    handleClick() {
      // 给父页面发送消息，data为对象
      // console.log('给父页面发送消息，data为对象');
      window.parent.postMessage({ msg: 'closePage' }, '*');
    }
  }
};
</script>

<style scoped></style>
